<?xml version="1.0"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	template="/WEB-INF/templates/templateBase.xhtml">

	<ui:param name="pageTitle" value="#{msg.ajustePonto}" />

	<ui:define name="pageContent">
		<ice:outputStyle href="/ponto/css/ajustePonto.css" />
		
		<h:form styleClass="bordered-form main-form">
			<h:outputLabel value="#{msg.colaborador}" />
			<h:selectOneMenu value="#{ajustePonto.codColabSelecionado}" styleClass="side-margin select-colabs">
				<f:selectItems value="#{ajustePonto.colaboradores}" />
			</h:selectOneMenu>
			
			<h:outputLabel value="#{msg.periodo}" />
			<ace:dateTimeEntry value="#{ajustePonto.dataInicial}" locale="pt-BR" timezone="America/Sao_Paulo" pattern="dd/MM/yyyy"
						renderAsPopup="true" navigator="true" maxdate="#{ajustePonto.maxDate}" styleClass="side-margin"
						required="true" requiredMessage="#{msg.msgInformeDataInicial}" />
			<h:outputLabel value="#{msg.ate}" />
			<ace:dateTimeEntry value="#{ajustePonto.dataFinal}" locale="pt-BR" timezone="America/Sao_Paulo" pattern="dd/MM/yyyy"
						renderAsPopup="true" navigator="true" maxdate="#{ajustePonto.maxDate}" styleClass="side-margin"
						required="true" requiredMessage="#{msg.msgInformeDataFinal}" />
						
			<h:outputLabel value="#{msg.apenasExcecoes}">
			<h:selectBooleanCheckbox value="#{ajustePonto.apenasExcecoes}" />
			</h:outputLabel>
			
			<h:commandButton value="#{msg.buscar}" action="#{ajustePonto.buscaApuracoes}" />
			
			<ace:messages />
			
			<ace:dataTable rendered="#{ajustePonto.buscouApuracoes}" value="#{ajustePonto.apuracoesPonto}" var="apuracaoPonto" 
				style="margin-top: 15px; font-size: 14px;">
				<ace:column headerText="#{msg.data}" style="width: 125px;">
					<h:outputText value="#{apuracaoPonto.diaMes}" /><br />
					<h:outputText value="#{apuracaoPonto.diaSemana}" />
				</ace:column>
				
				<ace:column headerText="#{msg.marcacoes}" style="text-align: left;">
					<ui:repeat var="marcacao" value="#{apuracaoPonto.marcacoes}">
						<h:outputText value="#{marcacao}" style="margin-right: 5px;" />
					</ui:repeat>
					
					<ui:repeat var="abono" value="#{apuracaoPonto.abonos}">
						<h:outputText value="#{abono}" style="display: block; margin-top: 5px;" />
					</ui:repeat>
				</ace:column>
				
				<ace:column headerText="#{msg.ocorrencias}" style="text-align: left;">
					<ui:repeat value="#{apuracaoPonto.ocorrencias}" var="ocorrencia" varStatus="status">
						<h:outputText value="#{ocorrencia}" style="display: block; margin-bottom: 5px;" />
					</ui:repeat>
				</ace:column>
				
				<ace:column style="width: 100px;">
					<ace:menuButton value="#{msg.acoes}" 
					rendered="#{apuracaoPonto.inconsistente || apuracaoPonto.exigeConfirmacao}">
						<ace:menuItem value="#{msg.abonarPeriodo}" rendered="#{apuracaoPonto.podeAbonar}"
							action="#{ajustePonto.abonarApuracaoSetaSelecionada(apuracaoPonto.id)}" />
						<ace:menuItem value="#{msg.alterarMarcacoes}" rendered="#{apuracaoPonto.inconsistente}"
							action="#{ajustePonto.alterarMarcacoesSetaApuracaoSelecionada(apuracaoPonto.id)}" />
						<ace:menuItem value="#{msg.confirmarApuracao}" rendered="#{!apuracaoPonto.inconsistente and apuracaoPonto.exigeConfirmacao }"
							action="#{ajustePonto.aprovarApuracaoSetaSelecionada(apuracaoPonto.id)}" />
					</ace:menuButton>
				</ace:column>
			</ace:dataTable>
			
			<h:commandButton rendered="#{ajustePonto.buscouApuracoes}" style="margin-top: 10px;" 
				value="#{msg.confirmarAjustes}" action="#{ajustePonto.confirmarAjustes}" />
		</h:form>
		
		<ice:panelPopup visible="#{ajustePonto.popupAlterarMarcacoesOpened}" rendered="#{ajustePonto.popupAlterarMarcacoesOpened}"
		modal="true" autoCentre="true" style="width: 470px;">
			<f:facet name="header">
				<h:panelGroup>
					<h:panelGroup style="float: left;">
                         #{msg.alterarMarcacoes}
                     </h:panelGroup>
					<h:panelGroup style="float: right;">
						<h:form>
							<h:commandButton action="#{ajustePonto.togglePopupAlterarMarcacoesOpened}" 
								image="/images/popup-close.png" alt="Close" type="button"
								title="Close" style="height: 11px; width: 11px; border: 0;" />
						</h:form>
					</h:panelGroup>
				</h:panelGroup>
			</f:facet>
			<f:facet name="body">
				<h:form>
					<h:panelGrid columns="2" style="margin-bottom: 15px;">
						<h:outputLabel value="#{msg.hora}" />
						<ace:dateTimeEntry value="#{ajustePonto.horaMarcacao}" styleClass="minimal"
							timezone="America/Sao_Paulo" pattern="HH:mm" timeOnly="true" />
						
						<h:outputLabel value="#{msg.motivoAjuste}" />
						<h:selectOneMenu value="#{ajustePonto.idMotivoMarcacao}">
							<f:selectItems value="#{ajustePonto.motivosMarcacaoPonto}" />
						</h:selectOneMenu>
						
						<h:commandButton value="#{msg.adicionarMarcacao}" action="#{ajustePonto.incluirMarcacao}" />						
					</h:panelGrid>
				
					<ace:dataTable value="#{ajustePonto.marcacoes}" var="marcacao" style="margin-bottom: 15px;">
						<ace:column headerText="#{msg.hora}">
							<h:outputText value="#{marcacao.hora}" />
						</ace:column>
						
						<ace:column headerText="#{msg.origem}">
							<h:outputText value="#{marcacao.origem}" />
						</ace:column>
						
						<ace:column headerText="#{msg.motivoAjuste}">
							<h:selectOneMenu value="#{marcacao.motivo}">
								<f:selectItems value="#{ajustePonto.motivosMarcacaoPonto}" />
							</h:selectOneMenu>
						</ace:column>
						
						<ace:column headerText="#{msg.acao}">
							<h:commandButton value="#{msg.excluir}" action="#{ajustePonto.excluiMarcacao(marcacao)}" />
						</ace:column>
					</ace:dataTable>
					
					<ace:messages />
					
					<h:commandButton value="#{msg.alterarMarcacoes}" action="#{ajustePonto.salvaAlteracaoMarcacoes}" />			
				</h:form>
			</f:facet>
		</ice:panelPopup>
		
		<ice:panelPopup visible="#{ajustePonto.popupAprovarApuracaoOpened}" rendered="#{ajustePonto.popupAprovarApuracaoOpened}"
		modal="true" autoCentre="true" style="width: 470px;">
			<f:facet name="header">
				<h:panelGroup>
					<h:panelGroup style="float: left;">
                         #{msg.confirmarApuracao}
                     </h:panelGroup>
					<h:panelGroup style="float: right;">
						<h:form>
							<h:commandButton action="#{ajustePonto.togglePopupAprovarApuracaoOpened}" 
								image="/images/popup-close.png" alt="Close" type="button"
								title="Close" style="height: 11px; width: 11px; border: 0;" />
						</h:form>
					</h:panelGroup>
				</h:panelGroup>
			</f:facet>
			<f:facet name="body">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputLabel value="#{msg.observacoes}" />
						<h:inputTextarea cols="40" rows="2" style="width: 300px;"
							value="#{ajustePonto.apuracaoSelecionada.observacoes}" />
						
						<h:commandButton value="#{msg.confirmarApuracao}"
							action="#{ajustePonto.aprovarApuracaoSelecionadaSalvar}" />
					</h:panelGrid>					
				</h:form>
			</f:facet>
		</ice:panelPopup>
		
		<ice:panelPopup visible="#{ajustePonto.popupAbonarApuracaoOpened}" rendered="#{ajustePonto.popupAbonarApuracaoOpened}"
		modal="true" autoCentre="true" style="width: 470px;">
			<f:facet name="header">
				<h:panelGroup>
					<h:panelGroup style="float: left;">
                         #{msg.abonarPeriodo}
                     </h:panelGroup>
					<h:panelGroup style="float: right;">
						<h:form>
							<h:commandButton action="#{ajustePonto.togglePopupAbonarApuracaoOpened}" 
								image="/images/popup-close.png" alt="Close" type="button"
								title="Close" style="height: 11px; width: 11px; border: 0;" />
						</h:form>
					</h:panelGroup>
				</h:panelGroup>
			</f:facet>
			<f:facet name="body">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputLabel value="#{msg.horaInicio}" />
						<ice:selectInputDate value="#{ajustePonto.horaInicioAbono}"
							renderAsPopup="false">
							<f:convertDateTime pattern="kk:mm" type="time" timeZone="America/Sao_Paulo" />
						</ice:selectInputDate>
						
						<h:outputLabel value="#{msg.horaFim}" />
						<ice:selectInputDate value="#{ajustePonto.horaFimAbono}"
							renderAsPopup="false">
							<f:convertDateTime pattern="kk:mm" type="time" timeZone="America/Sao_Paulo" />
						</ice:selectInputDate>
											
						<h:outputLabel value="#{msg.motivoAbono}" />
						<h:selectOneMenu id="motivoAbono" value="#{ajustePonto.idMotivoAbonoAdicionar}">
							<f:selectItems value="#{ajustePonto.motivosAbono}" />
						</h:selectOneMenu>
					</h:panelGrid>
					
					<ace:messages />
					
					<style type="text/css">
					/*<![CDATA[*/
						table.iceSelInpDate>tbody>tr { display: none; }
					/*]]>*/
					</style>
					
					<h:commandButton value="#{msg.abonarPeriodo}"
							action="#{ajustePonto.abonarApuracaoSelecionadaSalvar}" />			
				</h:form>
			</f:facet>
		</ice:panelPopup>
		
	</ui:define>
</ui:composition>